/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0066CC;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1100px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1210px;max-width:100%}
.fl{ float:left}
.fr{ float:right}

.header .logo{ float:left;}
.app_header{ display:none;border-top-style: solid;
	border-top-color: #d7000f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}


.app_top{width:100%;/*height:162px;*/ float:left;}
.header{
	/*	position:fixed;*/
	width:100%;
	z-index:99;
	left:0px;
	top:0px;
	background-color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0d70b9;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.header .box1{
	position: relative; padding-top:10px; padding-bottom:10px;
}
.header .tel{
	line-height: 30px;
	
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;

	padding-left: 28px;
	visibility: inherit; float:right; min-height:50px;
}
.header .tel span,.header .tel b{
	display:block;
	color: #333333;
	line-height: 22px;
}
.header .tel b{
	color: #0d70b9;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
	font-style: italic;
	font-size: 18px;
}
.topfont{
	text-align: left;
	float: left;
	width: 180px;
	/*margin-left: -90px;*/
	position: absolute;
	z-index: 2;
	left: 60%;
	top: 20px;
	font-size:16px;
	font-style: oblique; line-height:1.5;
}
.topfont .h1{ color:#404040}
.topfont .h2{ color:#0d70b9}

#nav{

	line-height: 50px;

	width:910px;
	clear:both;

}
#nav { padding:0px;line-height:35px;}
#nav >ul>li{
	float:left;
	width:12.5%;
	text-align:center;
	position: relative; 
}
#nav >ul>li>a{
	color:#000000;
	display:block;
	position: relative; margin-left:1px; margin-right:1px;
}
#nav >ul>li:first-child>a{ color:#FFFFFF;}
/*#nav >ul>li>a:after{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #014B96;
	border-left-color: #005FBB;
	height:30px;
	content:'';
	position: absolute;
	left: -2px;
	top: 10px;
}*/
#nav >ul>li:first-child>a:after{ display:none}
#nav ul li{	position: relative; }

#nav ul ul{
	float:left;
	width:100%;
	position: absolute;
	left: 0px;
	top: 35px;background-color:rgba(255,255,255,0.8); display:none; z-index:222;
}
#nav ul ul li{ 
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:rgba(255,255,255,0.1);background-color:#ffffff;background-color: rgba(255,255,255,0.6); 
}

#nav ul ul ul{ left:100%; top:0px;}



/*#nav ul ul li:hover{background-color:red;}*/





#nav ul ul li a{
	color: #333333; display:block; float:left; width:100%; line-height:1.5; padding-top:8px; padding-bottom:8px;
}
#nav ul ul li a:hover{background-color:#027cd2;color:#FFFFFF;}
#nav ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
}

/*底部*/
.footer2{
	background-color: #2d3236;
	float: left;
	width: 100%; padding-top:50px; padding-bottom:50px;
}
.footer{
	background-color:#23282c;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#dddddd}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:32px;}
.footer2 .flx{ width:280px; float:left; }
.footer2 .qrcode{ width:250px; float:right}
.footer2 .etitle{
	color:#FFFFFF;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #d4bb56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ccc;
min-height:180px;
}



#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}

.list{
	float: left;
	margin: 10px;

}
.list .img{
	position: relative;
	display: flex;
	align-items: center;
	border: 3px solid #FFFFFF;border-radius:3px; overflow:hidden; background-color:rgba(0,0,0,0.3);
}
.list .img img{ max-width:100%;max-height:100%; text-align:center }
.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.list div.ntitle{
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%;
}
.list a:hover div.ntitle{ color:#0066CC;

}

/*首页产品*/
.pro{
	clear:both;
	float:left;
	width:100%;
	margin-top:5px;
	margin-bottom:20px;
	background-image: url(probg.png);
	background-repeat: no-repeat;
	background-position: center top; /*min-height:760px;*//*min-height:160px;*/
}
.pro .etitle{ height:130px; line-height:130px;
}
.pro .more{ display:none;}


.pro .h1{ color:#FFFFFF; padding-top:15px; width:300px; padding-left:20px;}
.pro .h1 b,.pro .h1 b a{
	font-size:38px;
	font-weight: lighter;color:#FFFFFF
}
.pro .h1 b,
.pro .h1 span{ display:block}
.pro .h1 b{ line-height:50px;}
.pro .h1 span{ line-height:30px;}
.pro .sort{ float:right }
.pro .sort a{
	font-size:28px;
	position: relative; display:inline-block; padding-left:10px; margin-right:10px; margin-left:10px;color:#F4FE00;
}
.pro .sort a:after{content:'';
	background-color: #F4FE00;
	float: left;
	height: 6px;
	width: 6px;
	margin-top: -3px;
	position: absolute;
	left: 0px;
	top: 50%;
}
.pro .econtent{ clear:both; float:left; width:100%; margin-top:20px; padding-bottom:20px; display:block;}
.pro .econtent .list{
	width:250px;
	margin-right: 25px;
	margin-left: 25px;
}
.pro .econtent .list .img{ height:145px;float:left; text-align:center; width:100%;}
.pro .econtent .list .ntitle{ color:#FFFFFF}
.pro .econtent .list .dp{ color:#8a8a8a; text-align:left; line-height:1.5; height:3em; overflow:hidden;}
.pro .econtent .list .ntitle a{color:#FFFFFF}


.pro .more{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px; line-height:40px;}
.pro .more a{border-radius:3px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666; display:inline-block; padding-left:50px; padding-right:50px; background-color:#ffffff; background-color:rgba(255,255,255,0.9);
}
.pro .more a:hover{ color:#FFFFFF; background-color:#FF0000;border: 1px solid #FF0000;}
.links{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; background-color:#FFFFFF
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}



/*首页新闻*/
.news{ float:left;width:49%;}
.wenda{ float:right;width:49%;}
.newsbg{
	background-image: url(line.jpg);
	background-repeat: no-repeat;
	background-position: center 100px; padding-bottom:20px;
}
.newsbg .etitle{
	line-height: 86px;

	float: left;
	width: 100%;	text-indent: 50px;
}
.news .etitle{ background-color:#017ed8;
}
.wenda .etitle{ background-color:#e6e6e6;
}
.newsbg .etitle b,.newsbg .etitle b a{
	color:#FFFFFF;
	font-size: 28px;
	font-weight: lighter;
	text-align: left;

}
.newsbg .box1{ width:100%; max-width:1366px;}
.news .etitle>div{ background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;clear:both;}
.wenda .etitle>div{background-image: url(etitle.jpg);
	background-repeat: no-repeat;
	background-position: left top; clear:both;}	
.news .econtent,.news .etitle>div{ float:right; clear:both; width:580px; max-width:100%;}
.wenda .econtent,.wenda .etitle>div{ float:left; clear:both; width:580px; max-width:100%;}
.newsbg .econtent{ padding-top:20px;}
.news .picli{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news .picli:last-child{ border:none;}
.news .picli .img{ float:left; width:200px; height:130px; overflow:hidden;}
.news .picli  .img{
	background-color:#FFFFFF;
	position: relative;
display: flex;align-items: center; text-align:center;
}
.news .picli  .img img{ max-width:100%;max-height:100%; align-items: center;}
.news .picli .right{ margin-left: 220px; margin-right:20px;}
.news .picli .right .ntitle{
	text-align: left;
	white-space: nowrap;
	overflow: hidden; font-size:19px;
}
.news .picli .right .dp{ line-height:1.5; font-size:12px; color:#616161; height:6em; overflow:hidden;}

.wenda .econtent .li{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}
.wenda .econtent .li .ntitle{
	background-image: url(w.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 35px;
}
.wenda .econtent .li .dp{
	background-image: url(d.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:30px;
	color: #666666;
	line-height:1.5;
	padding-top: 5px; height:4.5em; overflow:hidden;
}


.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #0066CC;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#006699; color:#FFFFFF}

.pagination li a{ color:#333333}


/*首页关于我们*/

.about{
	background-image: url(about.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 542px;
	clear: none; padding-top:20px; padding-bottom:50px;
}
.about .etitle{
	text-align:center;
	display:inline-block;
	position: relative;
}
.about .etitle:after{
	content:'';
	position: absolute;
	height: 35px;
	left: -20%;
	top:20px;
	width:15%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.about .etitle span:after{
	content:'';
	position: absolute;
	height: 35px;
	left: -35%;
	width:30%;

	top: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}
	.about .etitle:before{
	content:'';
	position: absolute;
	height: 35px;
	right: -20%;
	top:20px;
	width:15%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.about .etitle span:before{
	content:'';
	position: absolute;
	height: 35px;
	right: -35%;
	width:30%;

	top: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}
.about .etitle b{
	clear:both;
	display:inline-block;
	font-size: 28px; line-height:40px;position: relative;
}
.about .etitle span{
	line-height:30px;
	clear:both;
	display:inline-block;
	font-size: 12px;
	text-transform: uppercase;
	color: #aeaeae;
	position: relative;
}
.about .left{ float:left; width:600px; margin-top:50px;}
.about .left .title{
	background-image: url(x.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	line-height: 55px;
	font-size: 24px;
}
.about .img{
	float:right;
	margin-top:70px;
	position: relative; z-index:2;
}

.about .img:after{
	content:'';
	border: 1px solid #0d70b9;
	position: absolute;
	height: 100%;
	width: 100%;
	left: -30px;
	bottom: -30px; z-index:-1;  
}

.youshi{
	background-image: url(probg1.png);
	background-repeat: no-repeat;
	background-position: center top; clear:both;	float: left;
	width: 100%;
}
.youshi .ybg{
	background-image: url(probg2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 100%;
	padding-bottom: 50px; min-height:500px;
}
.youshi .h1{ color:#FFFFFF; font-size:41px; text-align:center; line-height:80px;}
.youshi .h2{ color:#FFFFFF; font-size:12px; color:rgba(255,255,255,0.8);text-align:center; line-height:20px;}
.youshi .ytel{
	color:#FFFFFF;
	font-size:16px;
	text-align: center; line-height:30px;
}
.youshi .ytel span{
	color:#FFCC00;
	font-size:24px;
	font-style: oblique;
	font-weight: bold;
}
.youshi .htitle{ clear:both; height:50px;}
.youshi .item{
	clear: both;
	float: left;
	width: 100%; padding-top:20px; padding-bottom:20px;
}
.youshi .item .left{ float:left; width:600px;}
.youshi .item .img{
	float:right;
	position: relative;
	z-index: 2;
}
.youshi .item .img:after{
	width:100%;
	height:100%;
	content:'';
	background-color:#0d70b9;
	position: absolute;
	left: -8px;
	bottom: -8px; z-index:-1;
}
.youshi .item .left .title{
	font-size:30px;
	position: relative;
}
.youshi .item .left .title:after{
	content:'';
	float: left;
	width: 4em;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.youshi .item .left .hc ul li{
	list-style-type: square;
	font-size: 16px;
	color: #666666;
	list-style-position: inside;
}
.youshi .item .left .zixun,.youshi .item .left .hc { clear:both; padding-top:20px;}
.youshi .item .left .zixun a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	line-height:32px;
	border: 1px solid #666666; color:#333333;border-radius:20px;
}

.youshi .item:nth-child(2n) .left{ float:right}
.youshi .item:nth-child(2n) .img{ float:left}



.hot{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image: url(1_r7_c8.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 30px;
}
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:40px;}

.hot form{ margin-left:15px; padding-top:8px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 26px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left:10px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	background-color: #015595;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}

.hot .search{
	width:500px;
	overflow:hidden;
	white-space: nowrap;
}
.hot .search b{
	color: #d7000f; padding-right:10px;
}
#cms .sortdp{ padding:10px;}
#cms .prolili{
	width:23%;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
	float: left; line-height:32px;
}
#cms .prolili a{
	display:block;
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
#cms .prolili a:hover{ background-color:#0d70b9; color:#FFFFFF}